<div class="carousel slide" data-ride="carousel" id="myCarousel">
    <ol class="carousel-indicators">
        <li  class="active"></li>
        <li></li>
        <li></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
            <a href="https://placeholder.com"><img src="http://placehold.it/800x300" alt="" class="slide-image"></a>
        </div>
        <div class="item">
            <a href="https://placeholder.com"><img src="http://via.placeholder.com/800x300" alt="" class="slide-image"></a>
        </div>
        <div class="item">
            <a href="https://placeholder.com"><img src="http://via.placeholder.com/800x300" alt="" class="slide-image"></a>
        </div>
    </div>
    <a href="javascript:$('.carousel').carousel('prev')" class="left carousel-control">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a href="javascript:$('.carousel').carousel('next')" class="right carousel-control">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
